﻿@{
    ViewBag.Title = "Dashboard";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}
@using (Html.BeginForm("Dashboard", "Mockup", FormMethod.Post, new { @id = "frm" }))
{
    <div class="grid_16 widget first">
        <div class="widget_title clearfix">
            <h2>
                Visitor Stats</h2>
        </div>
        <div class="widget_body">
            <div class="widget_content">
                <div style="width: 220px; float: left;">
                    <table class="simple">
                        <tr>
                            <td>
                                4,732
                            </td>
                            <td>
                                Visits
                            </td>
                        </tr>
                        <tr>
                            <td>
                                6,126
                            </td>
                            <td>
                                Pageviews
                            </td>
                        </tr>
                        <tr>
                            <td>
                                1,126
                            </td>
                            <td>
                                Unique Visitors
                            </td>
                        </tr>
                        <tr>
                            <td>
                                4,126
                            </td>
                            <td>
                                Unique Views
                            </td>
                        </tr>
                        <tr>
                            <td>
                                11.53
                            </td>
                            <td>
                                Pages/Visit
                            </td>
                        </tr>
                        <tr>
                            <td>
                                50.24%
                            </td>
                            <td>
                                Bounce Rate
                            </td>
                        </tr>
                        <tr>
                            <td>
                                0:13:12
                            </td>
                            <td>
                                Avg. Time on Site
                            </td>
                        </tr>
                        <tr>
                            <td>
                                82.98%
                            </td>
                            <td>
                                New Visits
                            </td>
                        </tr>
                        <tr>
                            <td>
                                13.52%
                            </td>
                            <td>
                                Direct Traffic
                            </td>
                        </tr>
                        <tr>
                            <td>
                                72.96%
                            </td>
                            <td>
                                Referring Sites
                            </td>
                        </tr>
                    </table>
                </div>
                <div style="width: 690px; float: left;">
                    <div id="stats" style="width: 690px; height: 280px; text-align: center; margin-top: 5px">
                    </div>
                    <script type="text/javascript">
                        $(function () {
                            var data1 = [
                                {
                                    label: "Pageviews",
                                    data: [[1, 1513], [2, 1234], [3, 1643], [4, 1245], [5, 1263], [6, 1833], [7, 1944], [8, 1739], [9, 1545], [10, 2354], [11, 1254], [12, 1531], [13, 1413], [14, 1134], [15, 1133], [16, 1445], [17, 1663], [18, 1233], [19, 1244], [20, 1439], [21, 1635], [22, 2124], [23, 1554], [23, 1521]]
                                },
                                {
                                    label: "Visits",
                                    data: [[1, 1413], [2, 1134], [3, 1133], [4, 1445], [5, 1663], [6, 1233], [7, 1244], [8, 1439], [9, 1635], [10, 2124], [11, 1554], [12, 1521], [13, 1513], [14, 1234], [15, 1643], [16, 1245], [17, 1263], [18, 1833], [19, 1944], [20, 1739], [21, 1545], [22, 2354], [23, 1254], [24, 1531]]
                                }
                            ];

                            $.plot($("#stats"), data1, {
                                grid: { backgroundColor: { colors: ["#fff", "#fff"]} },
                                colors: ["#80b611", "#4390cc"]
                            });
                        });
                    </script>
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
   
}